﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="products_details.aspx.cs" Inherits="WebSite.cn.products_details" %>
<%@ Register Src="head.ascx" TagName="head" TagPrefix="uc1" %>
<%@ Register Src="category.ascx" TagName="category" TagPrefix="uc2" %>
<%@ Register Src="bottom.ascx" TagName="bottom" TagPrefix="uc3" %>
<%@ Register Src="leftimg.ascx" TagName="leftimg" TagPrefix="uc4" %>
<%@ Register Src="leftimgs.ascx" TagName="leftimgs" TagPrefix="uc5" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title><%=WebSite.info.info1("", "shoptitle")%></title>
    <meta name="Description" content="<%=WebSite.info.info1("","shopcontent")%>" /> 
    <meta name="Keywords" content="<%=WebSite.info.info1("","shopkey")%>" />
    <link href="style.css" rel="stylesheet" type="text/css" />
    <link  rel="stylesheet" type="text/css" href="mall.css" />
    <link href="jqzoom.css" type="text/css" rel="stylesheet" />
    <script src="jquery.js" type="text/javascript"></script>
    <script language="JavaScript" src="../js/function.js"></script>
    <script language="javascript">
        function CheckFrm() {
            var obj = 'pronum';
            var objt = '8';
            var msg = '数量';
            var chks = chk(frm, obj, objt, msg)
            if (!chks) {
                return false;
            }
//             else {
//                if (frm.content.value == '') {
//                    alert('请选择颜色和尺码!');
//                    return false;
//                }
//            }
        }
    </script>
    <script type="text/javascript" src="yui-base.js"></script>
    <script type="text/javascript" src="tbra.js"></script>
    <script type="text/javascript" src="sellproperty.js"></script>
    <script language="javascript" type="text/javascript">
        var registeredImages = new Object();

        var numberToPreload = 6;
        var preloadCount = 0;

        function registerImage(id, image, html, caption) {
            registeredImages[id] = new Object();
            registeredImages[id].image = image;

            registeredImages[id].html = html;
            registeredImages[id].caption = caption;

            if (preloadCount < numberToPreload) {
                var imagePreloader = new Image();
                imagePreloader.src = image;
                preloadCount++;
            }
        }
        var allPreloaded = 0;
        var selectedImageID = "original_image";
        function displayImage(id, image) {
            if (id == selectedImageID) return;

            if (registeredImages[selectedImageID].ciuAnnoContainer) {
                registeredImages[selectedImageID].ciuAnnoContainer.hide();
            }
            selectedImageID = id;
            document.getElementById('proImg').src = image;
            document.getElementById('proImg').jqimg = image;
            //document.getElementById('prodImageCell').innerHTML = registeredImages[id].html;
            //document.getElementById('prodImageCaption').innerHTML = registeredImages[id].caption;

            for (elementID in registeredImages) {
                var imageThumbnail = document.getElementById(elementID);
                if (imageThumbnail != null) {
                    imageThumbnail.style.border = '1px solid #999999';
                }
                if (!allPreloaded) {
                    var imagePreloader = new Image();
                    imagePreloader.src = registeredImages[elementID].image;
                }
            }
            document.getElementById(id).style.border = '1px solid #990000';
            allPreloaded = 1;
            if (registeredImages[id].ciuAnnoContainer) {
                registeredImages[id].ciuAnnoContainer.show();
            }
        }
</script>
<script type="text/javascript">
    registerImage("original_image", "<%=images %>", "<img src=<%=images %> class=jqzoom width=<%=Convert.ToSingle(h3)%> height=<%=Convert.ToSingle(h4)%> jqimg=<%=images %>  />", "");
</script>
</head>
<body>
    <center>
	<uc1:head ID="head_1" runat="server" />
<div id="container">
   
  
<SCRIPT language="javascript" src="jquery.jqzoom.js"></SCRIPT>

<SCRIPT language="javascript" type="text/javascript">
    //jQuery.noConflict();
    jQuery(document).ready(function () {
        jQuery("img.jqzoom").jqueryzoom({
            xzoom: 450,
            yzoom: 320,
            offset: 15,
            position: "right"
        });
    });

//    $(function () {
//        if ($("#prodattr .size dd").length == 1) {
//            $("#prodattr .size dd").eq(0).click();
//        }
//    });
    </SCRIPT>

      <div class="location"><%=classnames %></div>
	  <div class="content">
		<div id="prozon">

            <div id="prozonleft"> 
			    <h2><span  id="prodImageCell"><img src=<%=proimg %> class=jqzoom id=proImg  width=<%=Convert.ToSingle(h3)%> jqimg="<%=proimg %>" /></span></h2>
				<div style="padding-bottom:8px; padding-top:8px;  text-align:center;"><a href="pic.aspx?pid=<%=Request.QueryString["pid"]%>" target="_blank"><img src="images/zoom.gif" border="0" /></a></div>
                <table width="80%" border="0" cellspacing="2"  cellpadding="0" class="prozonleft_table">
                  <tr>
                    <%=pic %>
                    <%=imgs %> 
                    <td></td>
                  </tr>
                </table>
          </div>
          
          <form id="frm" runat="server">
          <input type="hidden" name="score" value="<%=proscore %>" />
          <input name="pid" type="hidden" value="<%=Request.QueryString["pid"] %>" />
            <div class="prozonright">
              <h1><%=proname %></h1>
			  <ul>
			     <li><%=SPriceName %><span class="text_red"><%=proprice1 %></span></li>
				 <li>商品编号：<%=procode %></li>
                 <li>简介:</li>
                 <li>
                  <%= Instruction %>
                 </li>
			  </ul>    
			</div>  
              <div class="prozonright">
			  <ul style="border:none; ">
			     <li>
				    <table width="90%" border="0" cellpadding="0"  cellspacing="0" >
					  <tr>
						<td width="30%">数量
				        <input name="pronum" id="pronum" type="text" size="5" value="1" /></td>
						<td width="30%">
                        <!--颜色：<span id="P1">未选择</span><br />
					    尺寸：<span id="P2">未选择</span>--><br />
					    <span class="text_red">￥<%=proprice1 %></span><br />
					    <input type="hidden" name="price" id="price" value="<%=price %>" />
                        <input type="text" class="inputa" name="content" id="content" value="" readonly  style="display:none" />
					    </td>
						<td><asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="images/pro_view_52.gif" Width="90px" Height="30px" OnClick="ImageButton1_Click" OnClientClick="return CheckFrm();" /></td>
					  </tr>
                
				   </table>
				 </li>
			  </ul>
		  </div>
          <div id="divDialog" runat="server">
          </div>
		  </form> 
		</div>
		  
		<iframe  name="conb" src="products_detfrm.aspx?pid=<%=Request.QueryString["pid"] %>" frameBorder=0  width="100%" scrolling="no" onload="this.height=conb.document.body.scrollHeight"></iframe>
	  </div>
	   
</div>
   <uc3:bottom ID="bottom_1" runat="server" />
</center>
</body>

</html>
